<template>
  <div>
    <h2>Header</h2>
    <p>count:{{ count }}</p>
  </div>
</template>

<script>
export default {
  name: "Header",
  data() {
    return {
      count: 0,
    };
  },
  mounted() {
    // console.log(this.$bus);
    //想要做任意组件通信，首先在接收数据的组件中给 $bus 绑定自定义事件
    //绑定自定义事件一般在初始化时完成(方便随时调用)
    this.$bus.$on("getCount", this.getCount);
  },
  methods: {
    getCount(value) {
      this.count += value;
    },
  },
};
</script>

<style></style>
